html {
  padding: 0%;
  margin: 2%;
  text-align: center;
}

body {
  text-align: center;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
  text-decoration: none;
  color: white; 
  background-color: black;
  display: flex;
  flex-direction: column;
}

body h1 {
  text-align: center;
  font-size: 32px;
}

body ul {
  display: block; 
  text-justify: auto;
  padding-left: 1em;
}

body a {
  text-decoration: none;
  list-style: none;
  color: cyan; 
  text-decoration-style: none;
  text-decoration-line: none;
  background-color: darkblue;
  font-size: 30px;
}

body li {
  display: inline;
  line-break: strict;
  font-size: 30px;
}

body p {
  font-size: 30px;
  text-align: justify;
}

body code {
  background-color: gray;
  color: white;
  font-size:25px;
}

.main {
  text-align: center;
  display: block;
  break-inside: auto;
}

.center{
  text-align: center;
}

.title1 {
  display: inline;
  line-break: strict;
  color: darkblue;
  background-color: aliceblue;
  font-size: 42px;
  display: block;
}

.title1 li {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
}

.title2 {
  display: inline;
  line-break: strict;
  color: darkblue;
  background-color: aqua;
  font-size: 40px;
}

.title3 {
  display: inline;
  line-break: strict;
  color: darkblue;
  background-color: yellow;
  font-size: 38px;
}

    

.title4 {
  display: inline;
  line-break: strict;
  color: white;
  background-color: black;
  font-size: 38px;
}

.itemList {
  display: flex;
  flex-direction: column;
  text-align: center;
} 

.bPostItem {
  text-align: center;
  display: inline-block;
  padding-top: 2rem;
}

.link {
  text-decoration: none;
  list-style: none;
}  

.textbox {
  text-align: justify;
}

footer{
  text-align: center;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}

.sourceCode {
  text-align: left;
  display: block;
  line-break: auto;
}
.logic {
  display: block;
}

.logicThought{
  background-color: white;
  color:black;
  text-align: justify;
}

.logicThought p{
  color: black;
}

.note {
  font-size:22px;
}